<div class="<%=baseClass%> floatMenu-container" style="z-index: <%=zIndex%>;display:none;">
    <div class="form-group title" id="fToolbarContainer">
        <span><%=title%></span>
        <%for(var i=0;i<toolbars.length;i++){%>
            <span class="<%=toolbars[i].baseClass%> toolbar-item" title="<%=toolbars[i].title%>">
                <%=toolbars[i].text%>
            </span>
        <%}%>
    </div>
    <div class="wrap">
        <ul id="fMenuItemContainer">
            <%for(var i=0;i<menuItems.length;i++){%>
                <%if(!menuItems[i].isConverter){%>
                    <li class="kb-inline-menu-item js-menu-item">
                        <a href="javascript:;">
                            <%=menuItems[i].menuName%>
                        </a>
                    </li>
                <%}else{%>
                    <li class="kb-inline-menu-item js-menu-item subMenuContainer" style="position:relative;">
                        <a href="javascript:;">
                            <%=menuItems[i].menuName%>
                        </a>
                        <ul class="sub-menu" style="display:none; position: absolute;width: 100%;left: 181px;top: 0;box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);">
                            <%for(var j=0;j < menuItems[i].converters.length;j++){%>
                                <li class="kb-inline-menu-item converter-sub" style="background:white">
                                    <a href="javascript:;" data-convert-name="<%=menuItems[i].converters[j].name%>">
                                        <%=menuItems[i].converters[j].displayName%>
                                    </a>
                                </li>
                            <%}%>
                        </ul>
                    </li>
                <%}%>
            <%}%>
        </ul>
    </div>
</div>